<template>
    <div class="main">
        <div class="body">
            <!-- <div class="tip">智慧医院--校园缴费系统</div> -->
            <div class="system_box">
                <div class="flex">
                    <img src="../../assets/wit_icon.png" style="margin-right: 30px;">
                    <div>校园缴费系统</div>
                </div>
                <div class="systemName">智慧医院{{ systemName }}</div>
            </div>
        </div>
        <!-- <bottomView /> -->
    </div>
</template>
<script>
import bottomView from "@/components/bottom.vue";
import { getCurrentInstance } from 'vue';

export default {
    data() {
        return {
            systemName: "",
        };
    },
    components: {
        bottomView
    },
    mounted() {
        const instance = getCurrentInstance()
        this.systemName = instance.appContext.config.globalProperties.$systemName


    },
}
</script>
<style scoped>
.body {
    text-align: center;
}

.main {
    height: 100%;
    width: 100%;
    background: url(../../assets/main_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

.flex {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.system_box {
    margin-top: 105px;
    margin-left: -50px;
    font-size: min(4vw, 33px);
    color: #006AFF;
    font-weight: bold;
}

.systemName {
    color: #006AFF;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 2px;
    margin-top: 30px;
}
</style>